import React, { useState } from 'react';
import Button, { ButtonType, ButtonSize } from './components/Button/button'
import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import Menu from './components/Menu/menu'
import MenuItem from './components/Menu/menuItem'
import SubMenu from './components/Menu/subMenu'
import Transition from './components/Transition/transition'
function App() {
  const [show, setShow] = useState(false)
  return (
    <div className="App">
      <header className="App-header">
        <Menu defaultIndex={''} onSelect={(index) => { alert(index) }}>
          <MenuItem>
            link1
          </MenuItem>
          <SubMenu title={'link with down'}>
            <MenuItem index="2-0"> 
            link1
			      </MenuItem>
            <MenuItem index="2-1">
              link2
		      	</MenuItem>
          </SubMenu>
          <MenuItem disabled>
            link2 disabled
          </MenuItem>
          <MenuItem>
            link3
          </MenuItem>
        </Menu>

        <Button >hello</Button>
        <Button disabled>disbale hello</Button>
        <Button btnType={'danger'}>a</Button>
        <Button btnType={'primary'} size={'lg'}>Hello</Button>
        <Button btnType={'link'} href="http://www.baidu.com">baidu
        </Button>
        <Button disabled btnType={'link'} href="http://www.baidu.com">Baidu link
        </Button>







      </header>
    </div>
  );
}

export default App;
